<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let name = "李四"
        let obj = {
            name
        }
        obj.age = 10
        // 删除
        delete obj.age
        console.log(obj);
        console.log(obj.name);

        let per = {}
        // configurable 属性是否可删除  默认false
        // writable 是否可以修改 默认false
        Object.defineProperty(per,'name',{
            value:"我是默认值",
            writable:true,
            configurable:true
        })
        // 默认不允许删除
        delete per.name



        // // 往对象上添加属性  让变量和属性的值 互相绑定了
        // Object.defineProperty(per,'name',{
        //     // 获取属性的值
        //     get(){
        //         console.log("get 方法");
        //         return name
        //     },
        //     // 修改属性的值
        //     set: function (val) {
        //         console.log("set 方法");
        //         name = val
        //     }
        // })

        // // vue 
        // console.log(per);
        // console.log(per.name);
    </script>
</body>
</html>